<link rel="stylesheet" href="/statics/css/comment.css">
<link rel="stylesheet" href="/statics/css/public/motion.css">
<div class="comment-condition">
    <div>
        <div>
            <p class="title">来了，就留一下言在走吧</p>
        </div>
        <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12  contact_grid_right comment-lsit">
                <div class="row contact_top">
                    <div class="col-sm-6">
                        <input type="text" name="nick_name" class="atrEdit" placeholder="昵称" required="">
                    </div>
                    <div class="col-sm-6">
                        <input type="text" name="website" class="atrEdit" placeholder="个人网站" required="">
                    </div>
                </div>

                <textarea name="content" class="atrEdit textarea" placeholder="请写入你的评论"></textarea>

              <div class="contact_bottom">
                  <div class="col-sm-6">
                        <span id="faceMotion" class="face-motion" attr="textarea"><i class="fa fa-smile-o"></i>表情</span>
                  </div>
                  <div class="col-sm-6">
                      <a href="javascript:;" class="plBtn">发送</a>
                  </div>
              </div>
        </div>

        <div class="total-apply col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <p class="clearfix total">留言列表  <span><i class="fa fa-comments"></i>（共<i>0</i>条）</span></p>
             <ul class="contentInner">
             </ul>
        </div>
    </div>
</div>
<div id="commentTemplate" style="display: none">
    <li>
        <aside><img src="/statics/images/img_4.jpg" alt=""></aside>
        <div class="right-content-li">
            <p class="content-top-el clearfix"><span>#{nick_name}</span><span class="right">#{created_at}</span></p>
            <p class="coment-content">#{content}</p>
            <p class="do-operate">
                <a href="javascript:;" class="reply subReply" user_id="#{id}" attr="reply_#{id}">回复</a>
                <!--  <a href="javascript:;" class="reback" total="0">查看评论</a>-->
            </p>
        </div>
        <div class="contact_grid_right reply_list" id="reply_#{id}" style="display: none">
            <div class="row contact_top">
                <div class="col-sm-6">
                    <input type="text" name="nick_name" class="atrEdit" placeholder="昵称" required="">
                </div>
                <div class="col-sm-6">
                    <input type="text" name="website" class="atrEdit" placeholder="个人网站" required="">
                </div>
            </div>
            <textarea name="content" class="atrEdit textarea textarea_1" placeholder="回复：#{nick_name}" ></textarea>
            <div class="contact_bottom clearfix">
               <!-- <div class="col-sm-6">
                    <span class="face-motion" attr="textarea_1"><i class="fa fa-smile-o"></i>表情</span>
                </div>-->
                <div class="col-sm-6">
                    <a  href="javascript:" class="do-reply submit" content_id="#{id}" reply_id="#{id}">回复</a>
                    <a href="javascript:" class="cancel-reply cancel" content_id="#{id}">取消</a>
                </div>
            </div>
        </div>
        <div class="contentall comment_#{id}">
            <ul>
                #{html}
            </ul>
        </div>
    </li>
</div>
<div id="subCommentTemplate" style="display: none">
    <li>
        <aside><img src="/statics/images/img_4.jpg" alt=""></aside>
        <div class="right-content-li">
            <p class="content-top-el clearfix">
                <span>#{nick_dialog}</span>
                <span class="right">#{created_at}</span>
            </p>
            <p class="coment-content">#{content}</p>
            <p class="do-operate">
                <a href="javascript:;" class="reply subReply" user_id="#{id}" attr="reply_#{id}">回复</a>
                <!--  <a href="javascript:;" class="reback" total="0">查看评论</a>-->
            </p>
        </div>
        <div class="contact_grid_right reply_list" id="reply_#{id}" style="display: none">
            <div class="row contact_top">
                <div class="col-sm-6">
                    <input type="text" name="nick_name" class="atrEdit" placeholder="昵称" required="">
                </div>
                <div class="col-sm-6">
                    <input type="text" name="website" class="atrEdit" placeholder="个人网站" required="">
                </div>
            </div>
            <textarea name="content" class="atrEdit textarea textarea_1" placeholder="回复：#{nick_name}" ></textarea>
            <div class="contact_bottom clearfix">
                <!-- <div class="col-sm-6">
                     <span class="face-motion" attr="textarea_1"><i class="fa fa-smile-o"></i>表情</span>
                 </div>-->
                <div class="col-sm-6">
                    <a  href="javascript:" class="do-reply submit" content_id="#{id}" reply_id="#{reply_id}">回复</a>
                    <a href="javascript:" class="cancel-reply cancel" content_id="#{id}">取消</a>
                </div>
            </div>
        </div>
    </li>
</div>
<script>
    var article_id = 0;
</script>
<?=$this->registerJs("
requirejs(['/statics/js/public/control.js?'+(new Date()).getTime()], function () {
        require(['comment']);;
    });
",\yii\web\View::POS_END)?>